﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type" />
    <title>网站标题</title>
    <meta name="keywords" content="keyword ..." />
    <meta name="Description" content="description ..." />
    <!--<link href="favicon.ico" rel="shortcut icon" />-->
    <link href="css/global.css" rel="stylesheet" type="text/css" />
    <link href="css/exchange.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
 <div class="top">
 <div class="r"><a href="#">帮助</a></div>
 <a href="javascript:void(showlogin())">登录</a><a href="javascript:void(showreg())"">注册</a><a href="#" class="user">用户中心</a><a href="#">我的兑换车(<span>2</span>)</a></div>
 <div class="inner">
   <h1 id="logo"><a href="#">这儿放标题</a></h1>
   <div id="search">
     <div class="tabs">
      <ul>
        <li tabindex="1" class="current">微商家</li>
        <li tabindex="2">微美食</li>
        <li tabindex="3">微商城</li>
      </ul>
     </div>
     <div class="bodycontent bodycontent1"><input type="text" value="请输入微商家名称" onfocus="if(this.value == '请输入微商家名称') this.value = '';" onblur="if(this.value == '') this.value = '请输入微商家名称';" class="searchtxt" /><input type="button" class="searchbtn" value="" /></div>
     <div class="bodycontent bodycontent2 none"><input type="text" value="请输入微美食名称" onfocus="if(this.value == '请输入微美食名称') this.value = '';" onblur="if(this.value == '') this.value = '请输入微美食名称';" class="searchtxt" /><input type="button" class="searchbtn" value="" /></div>
     <div class="bodycontent bodycontent3 none"><input type="text" value="请输入微商城名称" onfocus="if(this.value == '请输入微商城名称') this.value = '';" onblur="if(this.value == '') this.value = '请输入微商城名称';" class="searchtxt" /><input type="button" class="searchbtn" value="" /></div>
   </div>
 </div>
 <div id="nav">
   <ul>
     <li><a href="#" class="current">首&nbsp;页</a></li><li class="split"></li>
     <li><a href="#">微商家</a></li><li class="split"></li>
     <li><a href="#">微商城</a></li><li class="split"></li>
     <li><a href="#">帮&nbsp;助</a></li>
   </ul>
 </div>
</div>
<div id="maincontent">  
  <div id="exchange">
   <div class="t"><div class="step"><img src="pic/step2.jpg" alt="" title="" /></div></div>
   <div class="body">
   <div id="addresscontent">
     <dl>
       <dt>收货人信息<a href="javascript:void(showexchange('exchangeaddress'))">[修改]</a></dt>
       <dd>
         <ul>
           <li><label>收货人姓名：</label>XXX</li>
           <li><label>所在地区：</label>福建省 龙岩市 新罗区</li>
           <li><label>街道地址：</label>天马山庄XX-X</li>
           <li><label>邮政编码：</label>364000</li>
           <li><label>手机：</label>13750040701</li>
           <li><label>固定电话：</label>无</li>
           <li><label>邮政编码：</label>364000</li>
         </ul>
       </dd>
     </dl>
   </div>
   <div class="exchangetitle">礼品清单<a href="#">[返回修改兑换车]</a></div>
     <div id="formcontent">
       <ul class="ul">
         <li class="lit"><span class="s1">礼品名称</span><span class="s2">数量</span><span class="s2">微商城积分</span><span class="s2">小计</span></li>
         <li>
          <div class="img"><a href="#"><img src="image/img11.jpg" alt="" title="" /></a></div>
          <div class="name"><h4><a href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a></h4><p class="type">款式：怒</p></div>
          <div class="num">2</div>
          <div class="point">100分</div>
          <div class="point">100分</div>
         </li>
         <li>
          <div class="img"><a href="#"><img src="image/img11.jpg" alt="" title="" /></a></div>
          <div class="name"><h4><a href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a></h4><p class="type">款式：怒</p></div>
          <div class="num">2</div>
          <div class="point">100分</div>
          <div class="point">100分</div>
         </li>
         <li>
          <div class="img"><a href="#"><img src="image/img11.jpg" alt="" title="" /></a></div>
          <div class="name"><h4><a href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a></h4><p class="type">款式：怒</p></div>
          <div class="num">2</div>
          <div class="point">100分</div>
          <div class="point">100分</div>
         </li>
         <li>
          <div class="img"><a href="#"><img src="image/img11.jpg" alt="" title="" /></a></div>
          <div class="name"><h4><a href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a></h4><p class="type">款式：怒</p></div>
          <div class="num">2</div>
          <div class="point">100分</div>
          <div class="point">100分</div>
         </li>
       </ul>
       <div class="remark">
        <b>备注：</b><input type="text" class="text" />如果您在兑换过程中遇到问题<a href="javascript:void(showexchange('submitquestion'))">[请点击此反馈]</a>
       </div>
       <div class="control">
       <div class="tip">抱歉！您目前的微商城积分为<b>398</b>分，无法提交订单。</div>
       合计：<b>400分</b><input type="button" class="checkout disable" value="" /><input type="button" class="checkout nodisable" value="" /></div>
     </div>
   </div>
   <div class="b"></div>
  </div>
</div>
<div id="footer">
 <div class="menu"><a href="#">关于微积分</a><span>|</span><a href="#">服务条款</a><span>|</span><a href="#">加盟合作</a><span>|</span><a href="#">广告服务</a><span>|</span><a href="#">客服中心</a><span>|</span><a href="#">意见反馈</a><span>|</span><a href="#">网站导航</a></div>
 <p><span>&copy;</span> 2009-2011 Wjifen.com All Right Reserved 京ICP备09045377号-2</p>
 <p>广州科信德科技发展有限公司 版权所有</p>
</div>
<!--修改收货人信息-->
<div class="exchangeflow" id="exchangeaddress">
  <div class="t"><input type="button" class="closebtn" onclick="closeexchange()" /><strong><img src="pic/exchange_t2.jpg" alt="" title="" /></strong></div>
  <div class="body">
   <ul>
     <li><label>收货人姓名：</label><input type="text" class="text" style="width:230px;" /><span>*</span></li>
     <li><label>所在地区：</label><select class="select"><option>&nbsp;省份/直辖市&nbsp;</option></select><select class="select"><option>&nbsp;市&nbsp;</option></select><select class="select"><option>&nbsp;县/区&nbsp;</option></select><span>*</span></li>
     <li><label>街道地址：</label><textarea class="textarea" rows="10" cols="10"></textarea><span>*</span>不需要重复填写省/市/区</li>
     <li><label>邮政编码：</label><input style="width:120px;" type="text" class="text" /><span>*</span></li>
     <li><label>手机：</label><input style="width:120px;" type="text" class="text" /> 或 固定电话：<input type="text" class="text" value="区号" onblur="if(this.value == '') this.value = '区号';" onfocus="if(this.value == '区号') this.value = '';" style="width:40px; text-align:center;" />- <input type="text" class="text" style="width:95px;" /><span>*</span></li>
     <li><label>邮箱：</label><input type="text" class="text" style="width:230px;" /></li>
   </ul>
   <div class="btn"><input type="button" class="savebtn savebtns" value="" onclick="closeexchange()" /></div>
  </div>
  <div class="b"></div>
</div>
<!--问题反馈-->
<div class="exchangeflow" id="submitquestion">
  <div class="t"><input type="button" class="closebtn" onclick="closeexchange()" /><strong><img src="pic/exchange_t1.jpg" alt="" title="问题反馈" /></strong></div>
  <div class="body">
   <ul>
     <li><label>您的姓名：</label><input type="text" class="text" style="width:230px;" /><span>*</span></li>
     <li><label>您的邮箱：</label><input type="text" class="text" style="width:230px;" /><span>*</span></li>
     <li><label>内容：</label><textarea class="textarea" rows="10" cols="10"></textarea><span>*</span>不需要重复填写省/市/区<p class="p">内容长度1-10000字</p></li>
   </ul>
   <div class="btn"><input type="button" class="savebtn" value="" onclick="showexchange('submitquestionsuccess')" /></div>
  </div>
  <div class="b"></div>
</div>
<!--问题反馈成功-->
<div class="exchangeflow" id="submitquestionsuccess">
  <div class="t"><input type="button" class="closebtn" onclick="closeexchange()" /><strong><img src="pic/exchange_t1.jpg" alt="" title="问题反馈" /></strong></div>
  <div class="body">
   <div class="success">
   <p>问题反馈已提交成功！感谢您的支持。</p>   <p>我们将尽快处理并在<b>48</b>小时内给您答复，请留意您的邮箱和本网站的“系统消息”。</p>
   <p>如还有疑问，请联系客服电话<b>400-111-2222</b></p>
   </div>
   <div class="btn"><input type="button" class="savebtn btnclose" value="" onclick="closeexchange()" /></div>
  </div>
  <div class="b"></div>
</div>
<div id="reg">
  <h3><a href="javascript:void(closereg())" class="close">关闭</a>用户注册</h3>
  <ul>
    <li><label>设置账户：</label><input type="text" class="text" value="可使用用户名、邮箱、昵称、手机登录" onfocus="if(this.value == '可使用用户名、邮箱、昵称、手机登录') this.value = '';" onblur="if(this.value == '') this.value = '可使用用户名、邮箱、昵称、手机登录';" /></li>
    <li><label>设置密码：</label><input type="text" class="text text1" /></li>
    <li><label>确认密码：</label><input type="text" class="text text1" /></li>
    <li><label>手机绑定：</label><input type="text" class="text text1" />(选填)<input type="button" class="send" value="获取验证码" /></li>
    <li><label>输入验证码：</label><input type="text" class="text code" /></li>
     <li><label>邮箱：</label><input type="text" class="text text1" /></li>
     <li><label>推荐人账户：</label><input type="text" class="text text1" />(选填)<a href="#">什么是推荐人?</a></li>
    <li class="li"><input type="checkbox" class="checkbox" /><a href="#">我已阅读什么协议</a></li>
    <li class="li"><input type="button" class="btn" value="登录" /><input type="button" class="btn" value="取消" /></li>
  </ul>
</div>
<div id="login">
  <h3><a href="javascript:void(closelogin())" class="close">关闭</a>用户登录</h3>
  <ul>
    <li>账&nbsp;&nbsp;户：<input type="text" class="text" value="可使用用户名、邮箱、昵称、手机登录" onfocus="if(this.value == '可使用用户名、邮箱、昵称、手机登录') this.value = '';" onblur="if(this.value == '') this.value = '可使用用户名、邮箱、昵称、手机登录';" /></li>
    <li>密&nbsp;&nbsp;码：<input type="text" class="text text1" /><a href="#">忘记密码？</a></li>
    <li>验证码：<input type="text" class="text code" /></li>
    <li>验证图：<a href="#"><img src="pic/JDVerification.aspx.jpg" alt="" title="" /></a><a href="#">看不清换一张</a></li>
    <li class="li"><input type="checkbox" class="checkbox" />一个月内免登录</li>
    <li class="li"><input type="button" class="btn" value="登录" /><input type="button" class="btn" value="取消" /></li>
  </ul>
</div>
<div id="fullcontent"><div class="fullcontent"></div></div>
<script language="javascript" type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script language="javascript" type="text/javascript" src="js/default.js"></script>
<script language="javascript" type="text/javascript" src="js/exchange.js"></script>
</body>
</html>
